<template>
	<view class="er">
		<Power />
		<Gong />
		<Yuan />
		<Ren />
		<Cheng />
	</view>
</template>

<script setup>
import Power from "../../components/Guanfu/Guanfu.vue"
import Gong from "../../components/Gonglu/Gonglu.vue"
import Yuan from "../../components/YuanQu/YuanQu.vue"
import Ren from "../../components/Ryuan/Ryuan.vue"
import Cheng from "../../components/ChengLiang/ChengLiang.vue"
</script>
<style scoped lang="scss">
	$nav-height: 30px;

	.charts-box {
		width: 100%;
		height: 230px;
	}

	.box-bg {
		background-color: #F5F5F5;
		padding: 5px 0;
	}

	.city {
		/* #ifndef APP-PLUS-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		// width: 160rpx;
		margin-left: 4px;
	}

	.input-view {
		/* #ifndef APP-PLUS-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		// width: 500rpx;
		flex: 1;
		background-color: #f8f8f8;
		height: $nav-height;
		border-radius: 15px;
		padding: 0 15px;
		flex-wrap: nowrap;
		margin: 7px 0;
		line-height: $nav-height;
	}

	.input-uni-icon {
		line-height: $nav-height;
	}

	.nav-bar-input {
		height: $nav-height;
		line-height: $nav-height;
		/* #ifdef APP-PLUS-NVUE */
		width: 370rpx;
		/* #endif */
		padding: 0 5px;
		font-size: 12px;
		background-color: #f8f8f8;

	}

	span {
		display: inline-block;
		float: right;
		margin-right: 20px;
		margin-top: -24px;
	}

	.line {
		width: 90%;
		height: 150rpx;
		// background-color: aqua;
		border-top: 1px solid #cacaca;
		margin: 0 auto;

	}

	.line1 {
		width: 220rpx;
		height: 80%;
		text-align: center;
		// border:1px solid;
		display: inline-block;
	}

	.line1 p:nth-child(1) {
		color: #55aaff;
		line-height: 170%;
	}
</style>